<!DOCTYPE  HTML>
<html>
	<head>
		
		<meta charset="utf-8">
  		<meta name="viewport" content="width=device-width, initial-scale=1">
  		<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  		<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="../resources/style.css" />
		<script type="text/javascript" src="../resources/script.js"></script>
	</head>
	<body>
		
	<div id="ahmainpnl" >
			<img id="ahlogo" src="../resources/logo.png"></img>
			<div id="ahheaderpnl">
				<p id="ahSess">Training Management System</p>
			</div>
			<div id="ahmenupnl">
				 <a href="home_user.html" id="uhbtnhome" class="btn btn-success">Home</a>
				
				<hr/>
				<a href="#" id="uhbtnprofile" class="btn btn-info">Profile</a>
				<button type="button" id="uhbtnlogout" class="btn btn-info">Logout</button>
			</div>
			<div id="ahcontentpnl">
				<div class="container">
  <h2 id="MySess">My Sessions</h2>
<!--button id="btnMySession" type="button"  class="btn btn-primary" data-toggle="collapse" data-target="#addMySes" ></button-->
         		</div>
	<h2><div class="alert alert-success" id="AcceptedMSG"></div></h2>
			
			
			
				<div id="divMySes" class="container">
					<table class="table table-hover">
						<thead>
							<tr>
								<th>ID</th>
	        						<th>Name</th>
	        						<th>Date</th>
								<th>Time</th>
 								<th>Trainer</th>
								<th>Technology</th>
								<th id="uhstatus"> Session Status</th>
								<th>MyStatus</th>
      						</tr>
						</thead>
						<tbody class="tbody">
							<tr  id="rowselect" class="info"> <!--onload="funSessStatus()"-->
						        	<td>1</td>
						        	<td id="sesnm1">SVN</td>
						       		<td>31/01/2015</td>
								<td>04:00</td>
								<td>Amit Walambe</td>
								<td>General</td>
								<td id="SessStatus">Available</td>
								<td>Pending</td>
								<td>
									<div id="divAcceptReject"> 
										<button type="button" id="btnaccept" class="btn btn-default btn-info"  onclick="funUserStatusAccept()">
										<span class="glyphicon glyphicon-ok">
										</span>
										Accept	
										</button>
										<button type="button" id="btnreject" class="btn btn-default btn-info" data-toggle="collapse" data-target="#Comment" onclick="funUserStatusReject()">		
										<span class="glyphicon glyphicon-remove" >								Reject
										</span>
											
										</button>
										<div id="Comment" class="collapse container">
											<textarea  id="txtareacomment" rows="4" cols="25" placeholder="Reason for not attending">
											</textarea>
											<span id="commentDone" class="glyphicon glyphicon-ok-circle">
											</span>
											
										</div>
									</div>
								</td>
		
							</tr>

							<tr  id="rowselect" class="success">
						        <td>1</td>
						        <td>SVN</td>
						        <td>16/01/2015</td>
								<td>04:00</td>
								<td>Amit Walambe</td>
								<td>General</td>
								<td>Available</td>
								<td>
									<div id="divAcceptReject"> 
										<p>
										<span class="glyphicon glyphicon-ok">
										</span>
											Accepted</p>
	
									</div>
									<!--span id="Tstatus" class="text-success"></span-->
								</td>
								<td></td>
		
							</tr>
							<tr  id="rowselect" class="danger">
						        <td>1</td>
						        <td>SVN</td>
						        <td>16/01/2015</td>
								<td>04:00</td>
								<td>Amit Walambe</td>
								<td>General</td>
								<td>Available</td>
								<td>
									<div id="divAcceptReject"> 
									
										<p title="On Leave" name="usercomment"> 
											<span class="glyphicon glyphicon-remove">		</span >Rejected
										</p>											<!--textarea  id="txtareacomment" name="txtcomment" rows=2" cols="15" placeholder="Reason for not attending"  disabled>was on leave
											</textarea-->
																						
										
									</div>
									<!--span id="Tstatus" class="text-success"></span-->
								</td>
								<td></td>
		
							</tr>
							<tr  id="rowselect" class="warning">
						        	<td>1</td>
						        	<td>SVN</td>
						        	<td>16/01/2015</td>
								<td>04:00</td>
								<td>Amit Walambe</td>
								<td>General</td>
								<td>Not Available</td>
								<td></td>
								<td></td>
		
							</tr>
							
						</tbody>
  					</table>
				
				</div>
			
		</div>
		
	</body>
	
</html>
